/**
 * 尊敬的用户，你好：页面 JS 面板是高阶用法，一般不建议普通用户使用，如需使用，请确定你具备研发背景，能够自我排查问题。
 * 我们可以用 JS 面板来开发一些定制度高功能，比如：调用API接口，自定义动作执行等等。
 */

// 当页面渲染完毕后马上调用下面的函数，这个函数是在当前页面 - 设置 - 生命周期 - 页面加载完成时中被关联的。
export function didMount() {
    console.log("「页面 JS」：当前页面地址 " + location.href);
}

export function onLocationChange(params) {
    if (!params) {
        return
    }
    const {gridCode, lat, lng, address} = params;
    const districtEle = this.$$("tree_single_select_gfdxwo");
    const streetEle = this.$$("single_select_ffyt0n");
    const areaNameEle = self.$$("text_input_etsedy");
    districtEle.$$setValue('');
    streetEle.$$setValue('');

    // 调用mis的api接口
    let paramsArea = [{name: "cellCode", valueContent: gridCode}];
    api.DATA_SOURCE_EXECUTE("4b089e62-2a5b-487b-ba61-671e6bd223c1", "ddcat", paramsArea, [], "").then(res => {
        if (!res.hasError) {
            const data = res.result;
            if (data.length > 0) {
                const {districtId, streetId, communityID, districtName} = data[0];
                districtEle.$$setValue(districtId);
                areaNameEle.$$setValue(districtName);
                districtEle.onChange();
                streetEle.$$setValue(streetId);
                streetEle.onChange();
            }
        }
    }).catch(err => {
        console.error(err);
    });
}

export function valueChange() {
    const self = this;
    let address = self.cValue;
    const addressEle = self.$$("text_input_awuxgj");

    addressEle.cValue = address;
    addressEle.onChange();

}

/**
 * 所属区县和所属街道 值改变后对上级区划进行修改
 */
export function regionChange() {
    const self = this;

    const areaRegionId = self.$$("tree_single_select_gfdxwo").cValue;
    const streetRegionId = self.$$("single_select_ffyt0n").cValue;

    if (!areaRegionId && !streetRegionId) {
        return;
    }

    const finalRegionId = streetRegionId || areaRegionId;

    const provinceEle = self.$$("number_input_64biuf");
    const cityEle = self.$$("number_input_fkoc67");
    const areaEle = self.$$("tree_single_select_gfdxwo");
    const areaNameEle = self.$$("text_input_etsedy");
    const regionId = self.$$("number_input_2yudvo").cValue = finalRegionId;


    const params = [{
        name: "regionId",
        valueContent: finalRegionId
    }];

    api.DATA_SOURCE_EXECUTE("e1c33d96-610d-48e2-b75e-ae86dad457c6", "api", params, [], "")
        .then(res => {
            console.log(res)
            const resValue = JSON.parse(res.result);
            if (resValue.result.provinceId != null) {
                provinceEle.$$setValue(resValue.result.provinceId);
            }
            if (resValue.result.cityId != null) {
                cityEle.$$setValue(resValue.result.cityId);
            }
            if (resValue.result.districtId != null) {
                areaEle.$$setValue('');
                areaEle.$$setValue(resValue.result.districtId);
                areaNameEle.$$setValue(resValue.result.districtName);
            }
        })
}
